﻿.sim-button{line-height:40px;height:40px;text-align:center;margin-right:auto;margin-left:auto;margin-top:50px;width:100%;cursor:pointer}
.button1{color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative;border:1px solid rgba(255,255,255,.5)}
.button1 a{color:#333;text-decoration:none;display:block}
.button1:hover{background-color:rgba(255,255,255,.2);-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}
.button2{color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative;border:1px solid rgba(255,255,255,.5);overflow:hidden}
.button2 a{color:#333;text-decoration:none;display:block}
.button2 span{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.button2:hover{background-color:rgba(255,255,255,.2)}
.button2:hover>span{opacity:0;-webkit-transform:translate(0,-40px);transform:translate(0,-40px)}
.button2::after{content:attr(data-text);position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;-webkit-transform:translate(0,30%);transform:translate(0,30%);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.button2:hover::after{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
.button3{color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative;border:1px solid rgba(255,255,255,.5);overflow:hidden}
.button3 a{color:#333;text-decoration:none;display:block}
.button3 span{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.button3:hover{background-color:rgba(255,255,255,.2)}
.button3:hover>span{opacity:0;-webkit-transform:translate(0,40px);transform:translate(0,40px)}
.button3::after{content:attr(data-text);position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;-webkit-transform:translate(-30%,0);transform:translate(-30%,0);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.button3:hover::after{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
.button4{color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative;border:1px solid rgba(255,255,255,.5);overflow:hidden}
.button4 a{color:#333;text-decoration:none;display:block}
.button4>span{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.button4:hover{background-color:rgba(255,255,255,.2)}
.button4:hover>span{opacity:0;-webkit-transform:translate(0,40px);transform:translate(0,40px)}
.button4::after{content:attr(data-text);position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;-webkit-transform:translate(-30%,-50%) rotate(-30deg);transform:translate(-30%,-50%) rotate(-30deg);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.button4:hover::after{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}
@-webkit-keyframes jello{11.1%,from,to{-webkit-transform:none;transform:none}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}
88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
@keyframes jello{11.1%,from,to{-webkit-transform:none;transform:none}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}
88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
.button5{color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative;border:1px solid rgba(255,255,255,.5)}
.button5 a{color:white;text-decoration:none;display:block}
.button5:hover{-webkit-animation-name:jello;animation-name:jello;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;background-color:rgba(255,255,255,.2)}
.button6{color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;border:1px solid rgba(255,255,255,.5);position:relative}
.button6 a{color:#333;text-decoration:none;display:block}
.button6 span{z-index:2;display:block;position:absolute;width:100%;height:100%}
.button6::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;background-color:rgba(255,255,255,.5);-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;-webkit-transform:scale(.5,1);transform:scale(.5,1)}
.button6:hover::before{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}
.button7{color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;border:1px solid rgba(255,255,255,.5);position:relative}
.button7 a{color:#333;text-decoration:none;display:block}
.button7 span{z-index:2;display:block;position:absolute;width:100%;height:100%}
.button7::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;background-color:rgba(255,255,255,.5);-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s;-webkit-transform:scale(1,.5);transform:scale(1,.5)}
.button7:hover::before{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}
.button8{color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;border:1px solid rgba(255,255,255,.5);position:relative}
.button8 a{color:#333;text-decoration:none;display:block}
.button8 span{z-index:2;display:block;position:absolute;width:100%;height:100%}
.button8::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;z-index:1;opacity:0;background-color:rgba(255,255,255,.5);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.button8:hover::before{opacity:1;width:100%}
.button9{color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;border:1px solid rgba(255,255,255,.5);position:relative;overflow:hidden}
.button9 a{color:#333;text-decoration:none;display:block}
.button9 span{z-index:2;display:block;position:absolute;width:100%;height:100%}
.button9::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;background-color:rgba(255,255,255,.5);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.button9:hover::before{opacity:1;-webkit-transform:skewX(-180deg) scale(.5,1);transform:skewX(-180deg) scale(.5,1)}
.button10{color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative}
.button10 a{color:#333;text-decoration:none;display:block}
.button10 span{z-index:2;display:block;position:absolute;width:100%;height:100%}
.button10::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;border:1px solid rgba(255,255,255,.5);background-color:rgba(255,255,255,.25)}
.button10::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;border:1px solid rgba(255,255,255,.5);background-color:rgba(255,255,255,.25)}
.button10:hover::before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);background-color:transparent}
.button10:hover::after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);background-color:transparent}
.button11{color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative;perspective:2e3px}
.button11 a{color:#333;text-decoration:none;display:block}
.button11 span{z-index:2;display:block;position:absolute;width:100%;height:100%}
.button11::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;border:1px solid rgba(255,255,255,.5);background-color:rgba(255,255,255,.25)}
.button11::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;border:1px solid rgba(255,255,255,.5);background-color:rgba(255,255,255,.25)}
.button11:hover::before{-webkit-transform:rotateX(60deg) translate(0,40px);transform:rotateX(60deg) translate(0,40px)}
.button11:hover::after{-webkit-transform:rotateX(-60deg) translate(0,-40px);transform:rotateX(-60deg) translate(0,-40px)}
.button12{color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative;border:1px solid rgba(255,255,255,.5);overflow:hidden}
.button12 a{color:#333;text-decoration:none;display:block}
.button12 span{z-index:2;display:block;position:absolute;width:100%;height:100%}
.button12::before{content:'';position:absolute;top:50px;left:-5px;width:0;height:0;border-left:100px solid transparent;border-right:100px solid transparent;border-bottom:190px solid rgba(255,255,255,.25);z-index:1;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.button12::after{content:'';position:absolute;top:50px;left:-5px;width:0;height:0;border-left:100px solid transparent;border-right:100px solid transparent;border-bottom:190px solid rgba(255,255,255,.25);z-index:1;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.button12::after{-webkit-transition-delay:.2s;transition-delay:.2s}
.button12:hover::before{opacity:1;-webkit-transform:translate(0,-190px);transform:translate(0,-190px)}
.button12:hover::after{opacity:1;-webkit-transform:translate(0,-150px);transform:translate(0,-150px)}
.button13{color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative}
.button13 a{color:#333;text-decoration:none;display:block}
.button13::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border:1px solid rgba(255,255,255,.5);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.button13:hover::before{opacity:0;-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}
.button13::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;background-color:rgba(255,255,255,.25);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:scale(.5,.5);transform:scale(.5,.5)}
.button13:hover::after{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}
.button14{color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative}
.button14 a{color:#333;text-decoration:none;display:block}
.button14::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(255,255,255,.25);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.button14:hover::before{opacity:0;-webkit-transform:scale(.5,.5);transform:scale(.5,.5)}
.button14::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;border:1px solid rgba(255,255,255,.5);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}
.button14:hover::after{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}
.button15{color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative;border:1px solid rgba(255,255,255,.5);overflow:hidden}
.button15 a{color:#333;text-decoration:none;display:block}
.button15::after,.button15::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(255,255,255,.25);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:translate(0,-100%);transform:translate(0,-100%);-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1)}
.button15::after{-webkit-transition-delay:.2s;transition-delay:.2s}
.button15:hover::after,.button15:hover::before{-webkit-transform:translate(0,0);transform:translate(0,0)}
.button16{color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:relative;border:1px solid rgba(255,255,255,.5);overflow:hidden}
.button16 a{color:#333;text-decoration:none;display:block}
.button16::after,.button16::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(255,255,255,.25);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:translate(-100%,0);transform:translate(-100%,0);-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1)}
.button16::after{-webkit-transition-delay:.2s;transition-delay:.2s}
.button16:hover::after,.button16:hover::before{-webkit-transform:translate(0,0);transform:translate(0,0)}
.button17{color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:relative;border:1px solid rgba(255,255,255,.5);overflow:hidden}
.button17 a{color:#333;text-decoration:none;display:block}
.button17::after,.button17::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(255,255,255,.25);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:translate(-13%,-190%) rotate(-30deg);transform:translate(-13%,-190%) rotate(-30deg);-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1)}
.button17::after{-webkit-transition-delay:.2s;transition-delay:.2s}
.button17:hover::after,.button17:hover::before{-webkit-transform:translate(0,0);transform:translate(0,0)}
.button18{color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:relative;border:1px solid rgba(255,255,255,.5);overflow:hidden}
.button18 a{color:#333;text-decoration:none;display:block}
.button18::after,.button18::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(255,255,255,.25);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:translate(13%,190%) rotate(-30deg);transform:translate(13%,190%) rotate(-30deg);-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1)}
.button18::after{-webkit-transition-delay:.2s;transition-delay:.2s}
.button18:hover::after,.button18:hover::before{-webkit-transform:translate(0,0);transform:translate(0,0)}
.button19{color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:relative;border:1px solid rgba(255,255,255,.5);overflow:hidden}
.button19 a{color:#333;text-decoration:none;display:block}
.button19::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(255,255,255,.25);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:translate(13%,190%) rotate(-30deg);transform:translate(13%,190%) rotate(-30deg);-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1)}
.button19::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(255,255,255,.25);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:translate(-13%,-190%) rotate(-30deg);transform:translate(-13%,-190%) rotate(-30deg);-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1)}
.button19::before{-webkit-transition-delay:.2s;transition-delay:.2s}
.button19:hover::after,.button19:hover::before{-webkit-transform:translate(0,0);transform:translate(0,0)}
.button20{color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:relative;border:1px solid rgba(255,255,255,.5);overflow:hidden}
.button20 a{color:#333;text-decoration:none;display:block}
.button20::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(255,255,255,.25);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:translate(13%,-190%) rotate(30deg);transform:translate(13%,-190%) rotate(30deg);-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1)}
.button20::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(255,255,255,.25);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:translate(-13%,-190%) rotate(-30deg);transform:translate(-13%,-190%) rotate(-30deg);-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1)}
.button20::before{-webkit-transition-delay:.2s;transition-delay:.2s}
.button20:hover::after,.button20:hover::before{-webkit-transform:translate(0,0);transform:translate(0,0)}
.button21{color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:relative;border:1px solid rgba(255,255,255,.5);overflow:hidden}
.button21 a{color:#333;text-decoration:none;display:block}
.button21::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;opacity:1;-webkit-transform:translate(0,-105%);transform:translate(0,-105%);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#fff;background-color:rgba(255,255,255,.25)}
.button21:hover::before{opacity:0;-webkit-transform:translate(0,0);transform:translate(0,0)}
.button22{color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative;border:1px solid rgba(255,255,255,.5);overflow:hidden}
.button22 a{color:#333;text-decoration:none;display:block}
.button22::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;opacity:1;-webkit-transform:translate(-105%,0);transform:translate(-105%,0);border-right-width:1px;border-right-style:solid;border-right-color:#fff;background-color:rgba(255,255,255,.25)}
.button22:hover::before{opacity:0;-webkit-transform:translate(0,0);transform:translate(0,0)}
.button23{color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative;border:1px solid rgba(255,255,255,.5);overflow:hidden}
.button23 a{color:#333;text-decoration:none;display:block}
.button23::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;opacity:1;-webkit-transform:translate(-13%,-190%) rotate(-30deg);transform:translate(-13%,-190%) rotate(-30deg);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#fff;background-color:rgba(255,255,255,.25)}
.button23:hover::before{opacity:0;-webkit-transform:translate(0,0);transform:translate(0,0)}
.button24{color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:relative;border:1px solid rgba(255,255,255,.5);overflow:hidden}
.button24 a{color:#333;text-decoration:none;display:block}
.button24::after,.button24::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;opacity:1;-webkit-transform:translate(0,-105%);transform:translate(0,-105%);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#fff;background-color:rgba(255,255,255,.25)}
.button24::after{-webkit-transition-delay:.2s;transition-delay:.2s}
.button24:hover::after,.button24:hover::before{opacity:0;-webkit-transform:translate(0,0);transform:translate(0,0)}
.button25{color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative;border:1px solid rgba(255,255,255,.5);overflow:hidden}
.button25 a{color:#333;text-decoration:none;display:block}
.button25::after,.button25::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;opacity:1;-webkit-transform:translate(-105%,0);transform:translate(-105%,0);border-right-width:1px;border-right-style:solid;border-right-color:#fff;background-color:rgba(255,255,255,.25)}
.button25::after{-webkit-transition-delay:.2s;transition-delay:.2s}
.button25:hover::after,.button25:hover::before{opacity:0;-webkit-transform:translate(0,0);transform:translate(0,0)}
.button26{color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative;border:1px solid rgba(255,255,255,.5);overflow:hidden}
.button26 a{color:#333;text-decoration:none;display:block}
.button26::after,.button26::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;opacity:1;-webkit-transform:translate(-13%,-190%) rotate(-30deg);transform:translate(-13%,-190%) rotate(-30deg);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#fff;background-color:rgba(255,255,255,.25)}
.button26::after{-webkit-transition-delay:.2s;transition-delay:.2s}
.button26:hover::after,.button26:hover::before{opacity:0;-webkit-transform:translate(0,0);transform:translate(0,0)}
.button27{color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative;border:1px solid rgba(255,255,255,.5);overflow:hidden}
.button27:hover{border:1px solid transparent}
.button27 a{color:#333;text-decoration:none;display:block}
.button27::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;z-index:1;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform:translate(-100%,-600%) rotate(30deg);transform:translate(-100%,-600%) rotate(30deg);background-color:rgba(255,255,255,.5);-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1)}
.button27:hover::before{-webkit-transform:translate(0,0);transform:translate(0,0)}
.button28{color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:relative}
.button28 span{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.button28 a{color:#333;text-decoration:none;display:block}
.button28::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:rgba(255,255,255,.5);border-bottom-color:rgba(255,255,255,.5);-webkit-transform:scale(.1,1);transform:scale(.1,1)}
.button28:hover span{letter-spacing:2px}
.button28:hover::before{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}
.button28::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;background-color:rgba(255,255,255,.25)}
.button28:hover::after{opacity:0;-webkit-transform:scale(.1,1);transform:scale(.1,1)}
.button29{color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:relative;border-right-width:1px;border-left-width:1px;border-right-style:solid;border-left-style:solid;border-right-color:rgba(255,255,255,.5);border-left-color:rgba(255,255,255,.5)}
.button29 span{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.button29:hover span{letter-spacing:2px}
.button29:hover{border-right-color:transparent;border-left-color:transparent}
.button29 a{color:#333;text-decoration:none;display:block}
.button29::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;z-index:1;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;background-color:rgba(255,255,255,.5)}
.button29:hover::before{-webkit-transform:translate(0,-25px) rotate(-45deg);-moz-transform:translate(0,-25px) rotate(-45deg);transform:translate(0,-25px) rotate(-45deg)}
.button29::after{content:'';position:absolute;top:0;left:0;width:100%;height:1px;z-index:1;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;background-color:rgba(255,255,255,.5)}
.button29:hover::after{-webkit-transform:translate(0,25px) rotate(45deg);-moz-transform:translate(0,25px) rotate(45deg);transform:translate(0,25px) rotate(45deg)}
.button30{color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:relative;border-top-width:1px;border-bottom-width:1px;border-top-style:solid;border-bottom-style:solid;border-top-color:rgba(255,255,255,.5);border-bottom-color:rgba(255,255,255,.5)}
.button30 span{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.button30:hover span{letter-spacing:2px}
.button30:hover{border-top-color:transparent;border-bottom-color:transparent}
.button30 a{color:#333;text-decoration:none;display:block}
.button30::before{content:'';position:absolute;top:0;right:0;width:1px;height:100%;z-index:1;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;background-color:rgba(255,255,255,.5)}
.button30:hover::before{-webkit-transform:translate(-94.98px,0) rotate(270deg);-moz-transform:translate(-94.98px,0) rotate(270deg);transform:translate(-94.98px,0) rotate(270deg)}
.button30::after{content:'';position:absolute;top:0;left:0;width:1px;height:100%;z-index:1;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;background-color:rgba(255,255,255,.5)}
.button30:hover::after{-webkit-transform:translate(94.98px,0) rotate(180deg);-moz-transform:translate(94.98px,0) rotate(180deg);transform:translate(94.98px,0) rotate(180deg)}
.css3{box-shadow:0 0;width:calc(100% + 2em);font-size:24px}
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
fieldset,img{border:0}
:focus{outline:0}
address,cite,code,ctoolion,dfn,em,optgroup,strong,th,var{font-style:normal;font-weight:400}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
abbr,acronym{border:0;font-variant:normal}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
code,kbd,samp,tt{font-size:100%}
body{line-height:1.5}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
ctoolion,th{text-align:left}
sub,sup{font-size:100%;vertical-align:baseline}
:link,:visited,ins{text-decoration:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
